<header>
    <nav>
        <div style="font-size:28px;font-weight:bold;">
            <a style="color:#ffffff;text-decoration: none;" href="{$domain}" title="{$web_name}">
                {$web_name}
                <!--<img src="__CDN__/assets/static/image/logo.png" width="80px" height="50px" alt="{$web_name}"/>-->
            </a>
        </div>
        <button class="menu-button" aria-label="Toggle menu">☰</button>
        <div class="nav-links">
            <?php
            if(!empty($categoryArr)){
                foreach($categoryArr as $k=>$v){
                ?>
                <a href="{$domain}/{$v['nickname']}">{$v['name']}</a>
                <?php
                }
            }
            ?>


            <!--<div class="search-icon" aria-label="Search">-->
                <!--<svg viewBox="0 0 24 24">-->
                    <!--<path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>-->
                <!--</svg>-->
            <!--</div>-->
        </div>
    </nav>
</header>
<script>
    // Mobile menu toggle
    const menuButton = document.querySelector('.menu-button');
    const navLinks = document.querySelector('.nav-links');

    menuButton.addEventListener('click', () => {
        navLinks.classList.toggle('active');
        menuButton.setAttribute('aria-expanded',
            navLinks.classList.contains('active'));
    });

    // Search functionality
    const searchIcon = document.querySelector('.search-icon');
    searchIcon.addEventListener('click', () => {
        // Add your search implementation here
        alert('Search feature coming soon!');
    });

    // Close menu when clicking outside
    document.addEventListener('click', (e) => {
        if (!navLinks.contains(e.target) && !menuButton.contains(e.target)) {
            navLinks.classList.remove('active');
            menuButton.setAttribute('aria-expanded', 'false');
        }
    });
</script>
<section class="hero">
    <div class="hero-content">
        <h2>Cat Guide: Love, Learn, and Care for Your Cat</h2>
        <p>Who says cats are just pets? They’re family members with ‌Cat Care Guides‌ to decode their secret language! With ‌2,000+ Vet-Vetted Cat Guides‌ (from ‌Kitten Care Guide‌ to ‌Senior Cat Guide‌), we translate every yawn and purr into actionable steps.</p>
        <!--<button class="cta-button">Get Started</button>-->
    </div>
</section>